﻿@media only screen and (max-width: 960px) 
{	
	body > div
	{
		overflow-y:hidden!important;
		background-color:White;
	}
}

@media only screen and (min-width: 960px) 
{
	html
	{
		overflow:hidden;
	}
	
	body
	{
		background-image: url("/Content/Images/backgroundDict.jpg");
		background-repeat: no-repeat;
		background-position: right top;
	}
	
	body > div
	{
		border: 1px solid black;
		width: 800px;
		margin:auto;
		background-color:White;
		left:50%;
		margin-left:-400px;
		position:absolute;		
	}
}

@media only screen and (max-height: 960px) 
{
	body > div
	{
		overflow-y:auto;
		height:99%; 
		background-color:White;
	}
}

@media only screen and (min-height: 960px) 
{
	html {overflow-x: hidden;}
	
	body > div
	{
		
		margin:auto;
		
		border: 1px solid black;
		position:absolute; 
		top:50%; 
		height:800px; 
		margin-top:-400px;
		left:50%;
		margin-left:-400px;
	}
}

@media only screen and (min-height: 960px) and (min-width:960px)
{
	body > div
	{
			
		overflow-y:auto;
		height:99%; 
		background-color:White;
	}
}